$(function () {
    //登录和退出
    if (localStorage.getItem("users") == null || localStorage.getItem("users") == undefined) {
        $(".li").find(".login").text("登录")
        $(".li").find(".reg").text("注册")
    } else {
        var str=JSON.parse(localStorage.getItem("users")).u_phone
        var str1=str.slice(0,3)
        var str2=str.slice(-4)
        $(".li").find(".login").text(`${str1}****${str2}`).attr("href", "javascript:void(0)")
        $(".li").find(".reg").text("退出").attr("href", "./api/quit")
        $(".h").remove()

    }
    $(".reg").on("click", function () {
        localStorage.clear()
    })

    //页面载入购物车数量
    if (localStorage.getItem("users") != null || localStorage.getItem("users") !== undefined) {
        $.ajax({
            url: "./api/getcart",
            data: {
                u_id: JSON.parse(localStorage.getItem("users")).u_id
            }
        }).then(function (res) {
            console.log(res.data)
            var num = 0;
            for (var i = 0; i < res.data.length; i++) {
                var list = res.data[i].p_number
                num += list
                $(".iteNum").text(num)
                $(".gwc").find("p").text(num)
            }
        })
    }


    //第一行左边的二维码
    $(".left").on("mouseenter", function () {
        $(".ewm").css("display", "block")
        $(".tit1").html(`购酒网APP &#9650`)
    }).on("mouseleave", function () {
        $(".ewm").css("display", "none")
        $(".tit1").html(`购酒网APP &#9660`)
    })
    //第一行右边文字的hover效果
    $(".right").find("li").find("a").on("mouseenter", function () {
        $(this).css("opacity", "0.6").siblings("li").css("opacity", "1")
    }).on("mouseleave", function () {
        $(".right").find("li").find("a").css("opacity", "1")
    })

    //头部购物车移入效果
    $(".line3").find(".fr").hover(function () {
        $(this).find("a").css("color", "#c40000")
    }, function () {
        $(this).find("a").css("color", "#333333")
    })

    $(".line4").find(".li1").siblings("li").hover(function () {
        $(this).find("a").css("color", "#c40000")
    }, function () {
        $(this).find("a").css("color", "#333333")
    })

    $(".line4").find(".li1").find("ul").find("li").on("mouseenter", function () {
        $(this).css("backgroundColor", "#d53c45").siblings("li").css("backgroundColor", "#cf1926")
    }).on("mouseleave", function () {
        $(this).css("backgroundColor", "#cf1926")
    })

    $(".yjxg-on").on("mouseenter", function () {
        $(".yjxg").css("display", "block")
    }).on("mouseleave", function () {
        $(".yjxg").css("display", "none")
    })
    $(".bj-on").hover(function () {
        $(".bj").css("display", "block")
    }, function () {
        $(".bj").css("display", "none")
    })
    $(".ptj-on").hover(function () {
        $(".ptj").css("display", "block")
    },
        function () {
            $(".ptj").css("display", "none")
        })
    $(".yj-on").hover(function () {
        $(".yj").css("display", "block")
    },
        function () {
            $(".yj").css("display", "none")
        })
    $(".hj-on").hover(function () {
        $(".hj").css("display", "block")
    },
        function () {
            $(".hj").css("display", "none")
        })
    $(".qj-on").hover(function () {
        $(".qj").css("display", "block")
    },
        function () {
            $(".qj").css("display", "none")
        })
    $(".pj-on").hover(function () {
        $(".pj").css("display", "block")
    },
        function () {
            $(".pj").css("display", "none")
        })
    $(".jjzb-on").hover(function () {
        $(".jjzb").css("display", "block")
    },
        function () {
            $(".jjzb").css("display", "none")
        })

})